/* @group global settings */
body{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #eee;
}

#main{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 75em;
	background-color: #fff8fd;
	width: 75em;
	round
}

/* @end */
/* @group header */
#header{
	width: 100%;
	height: 200px;
	background-color: #135391;
	top: 0;
	left: 0;
	font-size: 30px;
}

.header{
	font-variant: small-caps;
	color: #e0dfe0;
	font-style: italic;
}
.headerTitle{
	position: static;
	text-align: right;
	padding-right: 30px;
	height: 20px;
}
.headerSubTitle{
	position: static;
	text-align: right;
	padding-right: 30px;
}

#logo{
	width: 128px;
	height: 128px;
	position: absolute;
	background: url(./images/aces2win.png) no-repeat;
	top: 40px;
	left: 50px;
}
#navigationBar{
	position: absolute;
	top: 165px;
	font-size: 14px;
	right: 5px;
}
#navigationBar li{
	display: inline-block;
	border: 1px dotted orange;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: navy;
	background-color: #fff8fd;
	padding-right: 2px;
}

/* @end */


/** Add css rules here for your application. */

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
#commandButtonsContainer{
	background-color: #888888;
	height: 100px;
}
#chartContainer{
	background-color: #F1F1F1;
	height: 300px;
}




